<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style type="text/css">
			.svg-icon{width:30px;height: 30px;fill:#11cd6e;}
			.title{padding: 15px;color: #11cd6e;}
			.title div {display: table-cell;height: 30px; vertical-align: middle;}
			.title span{font-size: 24px;}
			.amount{background-color: #fff;padding: 20px;text-align: center;border-bottom: solid 1px #eee;}
			.amount h1{font-size: 40px;font-weight: normal;vertical-align: top;}
			.amount h1 span{font-size: 20px;vertical-align: top;}
			.list{background-color: #fff;padding: 10px;}
			.list table{width: 100%;color: #999;}
			.list td, .list th{padding: 4px;}
			.list th{text-align: left;font-weight: normal;}
			.list td{text-align: right;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">账单详情</h1>
		</header>
		<div class="mui-content">
			<div>
			<div class="amount">				
				<h1 id="ChangeBalance">0.00</h1>
				<div><h4 id="MoneyType">账单金额</h3></div>
			</div>
			<div class="list">
				<table>	
					<tr>
						<th>账单类型</th>
						<td id="AssetType"></td>
					</tr>
					<tr>
						<th>账单单号</th>
						<td id="HistoryID"></td>
					</tr>
					<tr>
						<th>手续费</th>
						<td id="Fee"></td>
					</tr>
					<tr>
						<th>账单时间</th>
						<td id="CreateTime"></td>
					</tr>
					
				</table>
			</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/resources.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			
			mui.plusReady(function(){
				var view = plus.webview.currentWebview();
				var data = view.data;
				
				document.getElementById("ChangeBalance").innerText = (data.Amount > 0 ? "" : "") + app.fmoney(data.Amount);
				document.getElementById("MoneyType").innerText = data.MoneyType+"金额";
				
				document.getElementById("AssetType").innerText = data.MoneyType;
				document.getElementById("HistoryID").innerHTML = data.BillID;
				document.getElementById("CreateTime").innerText = data.CreateTime;
				document.getElementById("Fee").innerText = app.fmoney(data.Fee);
			});
			
		</script>
	</body>

</html>